<template>
	<view class="inspect">
		<view class="title">
			<view></view>
			<text class="font15 font-323232 font-b">基本信息</text>
		</view>
		<!-- 基本信息 -->
		<view class="testpage_info_bos">
			<view class="testpage_info">
				<view class="info_bos">
					<view class="font14 font-7d766b">姓名</view>
					<text class="font14 font-323232">何承阳</text>
				</view>
				<view class="info_bos">
					<view class="font14 font-7d766b">性别</view>
					<text class="font14 font-323232">男</text>
				</view>
			</view>
			<view class="testpage_info">
				<view class="info_bos">
					<view class="font14 font-7d766b">年龄</view>
					<text class="font14 font-323232">26</text>
				</view>
				<view class="info_bos">
					<view class="font14 font-7d766b">科室</view>
					<text class="font14 font-323232">普通外科</text>
				</view>
			</view>
			<view class="testpage_info">
				<view class="info_bos">
					<view class="font14 font-7d766b">就诊卡号</view>
					<text class="font14 font-323232">HA5156153</text>
				</view>
				<view class="info_bos">
					<view class="font14 font-7d766b">检查部位</view>
					<text class="font14 font-323232">全胸正片位</text>
				</view>
			</view>
		</view>
		<!-- 边框 -->
		<view class="com_border"></view>
		<!-- 详情 -->
		<view class="title">
			<view></view>
			<text class="font15 font-323232 font-b">检查所见</text>
		</view>
		<view class="inspect_info font14 font-323232">
			双肺纹理有血，什么什么的双肺纹理有血，变为模糊什么什么的双肺纹理有血，什么什么的双肺纹理有血，什么什么的
		</view>
		<!-- 边框 -->
		<view class="com_border"></view>
		<view class="title">
			<view></view>
			<text class="font15 font-323232 font-b">检查意见</text>
		</view>
		<view class="inspect_info font14 font-323232">
			请住院观察
		</view>
		<!-- 边框 -->
		<view class="com_border"></view>
		<view class="title">
			<view></view>
			<text class="font15 font-323232 font-b">影像图片</text>
		</view>
		<view class="inspect_imglist">
			<image @click="Onenlarge(item)" v-for="(item, index) in imgList" :key="index" :src="item"></image>
		</view>
		<!-- 检查人 -->
		<view class="Inspector">
			<view class="testpage_info">
				<view class="info_bos_bottom">
					<view class="font14 font-7d766b">申请人：</view>
					<text class="font14 font-323232">何承阳</text>
				</view>
				<view class="info_bos_bottom">
					<view class="font14 font-7d766b">检查人：</view>
					<text class="font14 font-323232">熊二</text>
				</view>
			</view>
			<view class="testpage_info">
				<view class="info_bos_bottom">
					<view class="font14 font-7d766b">日期：</view>
					<text class="font14 font-323232">2020-10-1</text>
				</view>
				<view class="info_bos_bottom">
					<view class="font14 font-7d766b">审核人：</view>
					<text class="font14 font-323232">熊大</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgList: [
					// require('@/static/yy.jpg'), require('@/static/ification_b.png'), require('@/static/ification_c.png'), require(
					// '@/static/doc.jpg'), require('@/static/ification_a.png')
					]
			}
		},
		methods: {
			//图片放大
			Onenlarge(res) {
				uni.previewImage({
					current: res, // 当前显示图片的http链接
					urls: this.imgList // 需要预览的图片http链接列表
				})
			},
		}
	}
</script>

<style>
	.inspect {
		padding-bottom: 120rpx;
	}

	/* 表头 */
	.title {
		display: flex;
		align-items: center;
		padding: 0 30rpx;
		margin-top: 50rpx;
	}

	.title view {
		height: 40rpx;
		width: 5rpx;
		border-radius: 3rpx;
		background-color: #6bcbb6;
		margin-right: 30rpx;
	}

	/* 基本信息 */
	.testpage_info_bos {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.testpage_info {
		display: flex;
		padding: 0 30rpx;
	}

	.info_bos {
		display: flex;
		height: 60rpx;
		line-height: 60rpx;
		width: 345rpx;
	}

	.info_bos view {
		width: 140rpx;
	}

	.info_bos text {
		display: block;
		width: 205rpx;
	}

	/* 详情 */
	.inspect_info {
		padding: 30rpx;
	}

	.inspect_imglist {
		width: 750rpx;
	}

	.inspect_imglist image {
		width: 150rpx;
		height: 150rpx;
		display: inline-block;
		margin-left: 30rpx;
		margin-top: 30rpx;
	}

	/* 检查人 */
	.Inspector {
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #f8f8f8;
		padding-top: 20rpx;
		padding-bottom: 10rpx;
	}

	.info_bos_bottom {
		display: flex;
		align-items: center;
		width: 345rpx;
		margin-bottom: 10rpx;
	}

	.info_bos_bottom view {
		width: 140rpx;
	}

	.info_bos_bottom text {
		display: block;
		width: 205rpx;
	}
</style>
